<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<?php session_start(); ?>
<html>
<head>
   <meta name="google-translate-customization" content="457c7458d78f1fda-c04c9be73e1a028e-g6dbca1555c3b1007-18"></meta>
   <LINK href="style.css" rel="stylesheet" type="text/css">
   <title>Merry Mariachi</title>
   <style>
      body {
         background-image:url('chips-and-salsa.jpg');
		 background-repeat:no-repeat;
      }
   </style>
</head>


<!-- ------------------------------------------------------------------- -->
<!-- This is the calculation to determine if the player has won the game -->
<!-- Win or lose they are returned to the game menu -->
<script>
function winCalculation(){
	window.open('blank.php','update','width=500, height=200, titlebar=no, menubar=no, toolbar=no');	
}

function help(){
	alert("A waiter is on the way to help you.");
	//send a note to the waiters that this tablet needs help
}

function refill(){
	//refill screen popup
	window.open('../refill_page/refillScreen.html','refillWindow','titlebar=no, menubar=no, toolbar=no');
}
</script>
<!-- ------------------------------------------------------------------- -->


<body>
        <form method="post" action="gameScreen.php">
	<button class="backButton" style="float:left">Back</button></a>
	</form>
	</br>

	<h1 align="center">Merry Mariachi</h1>	
        <h3 align="center">Select one of the dancing mariachi players to see if you've won a free dessert!</h3>  
	<?php session_start(); ?> 
        
<!-- Table with the mariachi's to click for the game -->
	<a href="gameScreen.php">
	<table align=left>
        <tr>
            <td><img src="mariachi1.gif" onclick="winCalculation()"></td>
            <td></td>
            <td><img src="mariachi3.gif" onclick="winCalculation()"></td>
        </tr>
        <tr>
            <td></td>
            <td><img src="mariachi2_resized.gif" onclick="winCalculation()"></td>
            <td></td>
        </tr>
        <tr>
            <td><img src="mariachi3.gif" onclick="winCalculation()"></td>
            <td></td>
            <td><img src="mariachi1.gif" onclick="winCalculation()"></td>
        </tr>
	</table>
	</a>


<!-- Help and Refill buttons at the bottom. -->
	<div id="pageBottom">
	<button class="footerButton" onclick="help()">Help</button>
	<button class="footerButton" onclick="refill()">Refill</button>
	</div>
</body>
</html>




